<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1 id="myText">text</h1>
        <input id="myInput" value="hello"/>
        <button onclick='Android.backToNative()'>backToNative</button>
        <br/>
        <button onclick='showToast()'>showToast</button>
        <br/>
        <button onclick='Android.callPhone("10086")'>callPhone</button>
        <br/>
        <button onclick='Android.invokeJs()'>invokeJs</button>
        <br/>
        <button onclick='Android.videoPlayer("https://vali-g1.cp31.ott.cibntv.net/youku/677403e64dd4171c6db66489b/030008010063D20BD80B398C6117AC80B84A60-B031-4850-A911-0953C643A5FE.mp4?sid=167678493800010007325_00_Ba59fdfd346dbe8c9f6b94075af8008f1&sign=5a1c0118397b265217141fa7cf8e9c2c&ctype=50&si=183&psid=b77e5b17b1317c42ce1df4ba900283cf41346")'>videoPlayer</button>
        <br/>
    </body>
    <script type="text/javascript" src="./js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
        function showToast() {
            var rel = Android.showToast($('#myInput').val());
            $('#myText').html(rel);
        }
        function setText(obj) {
            $('#myText').html(typeof obj);
        }
    </script>
</html>